<script setup>
import { ref } from 'vue'
const bgImgList = ref([])
bgImgList.value = [
  '/assets/background  (1).jpeg',
  '/assets/background  (2).jpeg',
  '/assets/background  (3).jpeg',
  '/assets/background  (4).jpeg',
  '/assets/background  (5).jpeg'
]
</script>
<template>
  <div class="box">
    <el-row class="login">
      <el-col :span="12">
        <RouterView />
      </el-col>
      <!-- 展示图片 -->
      <el-col :span="10"
        ><el-carousel arrow="never" style="height: 100%" class="el_carousel">
          <el-carousel-item v-for="i in bgImgList" :key="i">
            <el-image :src="i"
          /></el-carousel-item> </el-carousel
      ></el-col>
    </el-row>
  </div>
</template>
<style scoped lang="scss">
.box {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #f5ece3;
}
.login {
  padding-top: 80px;
  width: 1200px;
  height: 90%;
  margin: 0 auto;
}
.el_carousel {
  :deep(.el-carousel__container) {
    position: static;
  }
}
</style>
